<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>首页</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">

		<!--标准mui.css-->
		<link rel="stylesheet" href="../css/mui.min.css">
		<link rel="stylesheet" type="text/css" href="../css/icons-extra.css" />
        <link rel="stylesheet" type="text/css" href="../css/index.css" />
        <!--App自定义的css-->
		<link rel="stylesheet" type="text/css" href="../css/app.css"/>
		<script src="../js/mui.min.js"></script>
		<style>
		.mui-icon-extra{font-size: 24px; display: block; margin-top: 5px; line-height: 18px;}
        
		</style>
	</head>

	<body>
		<header class="mui-bar mui-table-view" style="box-shadow:none; border: none;">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">北方图书城</h1>
			<a id='showUserPicker' class="mui-icon  mui-icon-more-filled mui-pull-right"></a>
		</header>
		
		<!--第二块图片-->
		<div style="margin-top: .7rem; background-color: #FFFFFF;">
		   <ul class="mui-table-view mui-table-view-chevron">
			  <li class="mui-table-view-cell" style="font-size: 15px;">
				 <a href="apply.html">更多活动</a>
			  </li>
			  <div  class="mui-slider" style="margin-bottom: .5rem;">
			     <div class="mui-slider-group mui-slider-loop">
				    <div class="mui-slider-item">
					   <a href="apply.html">
						  <img src="../images/huo1.png">
					   </a>
				    </div>
			     </div>
		      </div>
		      <div  class="mui-slider" style="margin-bottom: .5rem;">
			     <div class="mui-slider-group mui-slider-loop">
				    <div class="mui-slider-item">
					   <a href="apply.html">
						  <img src="../images/huo2.png">
					   </a>
				    </div>
			     </div>
		      </div>
		      <div  class="mui-slider" style="margin-bottom: .5rem;">
			     <div class="mui-slider-group mui-slider-loop">
				    <div class="mui-slider-item">
					   <a href="apply.html">
						  <img src="../images/huo3.png">
					   </a>
				    </div>
			     </div>
		      </div>
		      <div  class="mui-slider" style="margin-bottom: .5rem;">
			     <div class="mui-slider-group mui-slider-loop">
				    <div class="mui-slider-item">
					   <a href="apply.html">
						  <img src="../images/huo1.png">
					   </a>
				    </div>
			     </div>
		      </div>
		      <div  class="mui-slider" style="margin-bottom: .5rem;">
			     <div class="mui-slider-group mui-slider-loop">
				    <div class="mui-slider-item">
					   <a href="apply.html">
						  <img src="../images/huo2.png">
					   </a>
				    </div>
			     </div>
		      </div>
		      <div  class="mui-slider" style="margin-bottom: .5rem;">
			     <div class="mui-slider-group mui-slider-loop">
				    <div class="mui-slider-item">
					   <a href="apply.html">
						  <img src="../images/huo3.png">
					   </a>
				    </div>
			     </div>
		      </div>
		   </ul>	
		</div>
			
	</body>

</html>